<!--<p>活动详情</p>-->
<div class="animated fadeIn col-md-12">

    <div class="clearance">
        <span class="text-grey">活动发起人昵称：</span>
        <span>{{userData.nickname}}</span>
    </div>

    <div class="clearance">
        <span class="text-grey">活动地址：</span>
        <span>{{dataList.address_province}}{{dataList.city}}{{dataList.area}}{{dataList.address_detailed}}</span>
        &nbsp;
        <span style="color: #00aced" *ngIf="dataList.activity_state == 0">已取消</span>
        <span style="color: #00aced" *ngIf="dataList.activity_state == 1">可参加</span>
        <span style="color: #00aced" *ngIf="dataList.activity_state == 2">已过期</span>
    </div>

    <div class="clearance">
        <span class="text-grey">活动类型：</span>
        <span *ngIf="dataList.type == 0">散踢</span>
        <span *ngIf="dataList.type == 1">队内活动</span>
        <span *ngIf="dataList.type == 2">球队比赛</span>
    </div>

    <div class="clearance">
        <span class="text-grey">人数上限：</span>
        <span>{{dataList.upper_limit}}人</span>
    </div>

    <div class="clearance">
        <span class="text-grey">人数下限：</span>
        <span>{{dataList.lower_limit}}人</span>
    </div>

    <div class="clearance">
        <span class="text-grey">参加费用：</span>
        <span>{{dataList.price}}元</span>
    </div>

    <div class="clearance">
        <span class="text-grey">赛制：</span>
        <span *ngIf="dataList.formater == 0">待定</span>
        <span *ngIf="dataList.formater == 1">5人制</span>
        <span *ngIf="dataList.formater == 2">6人制</span>
        <span *ngIf="dataList.formater == 3">7人制</span>
        <span *ngIf="dataList.formater == 4">8人制</span>
        <span *ngIf="dataList.formater == 5">9人制</span>
        <span *ngIf="dataList.formater == 6">10人制</span>
        <span *ngIf="dataList.formater == 7">11人制</span>
    </div>

    <div class="clearance">
        <span class="text-grey">活动开始时间：</span>
        <span>{{dataList.activity_time}}</span>
    </div>

    <div class="clearance">
        <span class="text-grey">报名截止时间：</span>
        <span>{{dataList.limit_time}}</span>
    </div>

    <div class="clearance">
        <span class="text-grey">活动创建时间：</span>
        <span>{{dataList.add_time}}</span>
    </div>

    <div class="clearance">
        <span class="text-grey">活动公告：</span>
        <span *ngIf="dataList.notice">{{dataList.notice}}</span>
        <span *ngIf="dataList.notice ==''">暂无公告</span>

    </div>

    <div class="clearance">
        <span class="text-grey">活动宣传照：</span>
        <span *ngIf="dataList.activity_img == ''">暂无宣传照</span>

        <div *ngIf="dataList.activity_img">
            <img src="{{item}}" alt="" *ngFor="let item of dataList.activity_img">
        </div>
    </div>

    <div class="clearance" style="margin: 20px;text-align: center">
        <button class="btn btn-secondary btn-radius" (click)="back()">返回</button>
    </div>
</div>
